// GitHub style markdown css
.markdown-section {
    body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Segoe UI Symbol';
     font-size: 14px;
     line-height: 1.6 !important;
     padding-top: 10px;
     padding-bottom: 10px;
     background-color: var(--bg-primary);
     padding: 30px;
    }

    body > *:first-child {
     margin-top: 0 !important;
    }

    body > *:last-child {
     margin-bottom: 0 !important;
    }

    a {
     color: #4183C4;
     text-decoration: none;
    }

    a.absent {
     color: #cc0000;
    }

    a.anchor {
     display: block;
     padding-left: 30px;
     margin-left: -30px;
     cursor: pointer;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
    }

    h1, h2, h3, h4, h5, h6 {
     margin: 20px 0 10px;
     padding: 0;
     font-weight: bold;
     -webkit-font-smoothing: antialiased;
     cursor: text;
     position: relative;
    }

    h2:first-child, h1:first-child, h1:first-child + h2, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
     margin-top: 0;
     padding-top: 0;
    }

    h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
     text-decoration: none;
    }

    h1 tt, h1 code {
     font-size: inherit;
    }

    h2 tt, h2 code {
     font-size: inherit;
    }

    h3 tt, h3 code {
     font-size: inherit;
    }

    h4 tt, h4 code {
     font-size: inherit;
    }

    h5 tt, h5 code {
     font-size: inherit;
    }

    h6 tt, h6 code {
     font-size: inherit;
    }

    h1 {
     font-size: 28px;
    }

    h2 {
     font-size: 24px;
     border-bottom: 1px solid #cccccc;
    }

    h3 {
     font-size: 18px;
    }

    h4 {
     font-size: 16px;
    }

    h5 {
     font-size: 14px;
    }

    h6 {
     color: #777777;
     font-size: 14px;
    }

    p, blockquote, ul, ol, dl, li, table, pre {
     margin: 15px 0;
     line-height: 1.5;
    }

    li {
      margin: 0;
    }

    hr {
     background: transparent repeat-x 0 0;
     border: 0 none;
     color: #cccccc;
     height: 4px;
     padding: 0;
    }

    body > h2:first-child {
     margin-top: 0;
     padding-top: 0;
    }

    body > h1:first-child {
     margin-top: 0;
     padding-top: 0;
    }

    body > h1:first-child + h2 {
     margin-top: 0;
     padding-top: 0;
    }

    body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
     margin-top: 0;
     padding-top: 0;
    }

    a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
     margin-top: 0;
     padding-top: 0;
    }

    h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
     margin-top: 0;
    }

    li p.first {
     display: inline-block;
    }

    ul, ol {
     padding-left: 30px;
    }

    ul :first-child, ol :first-child {
     margin-top: 0;
    }

    ul :last-child, ol :last-child {
     margin: 0;
    }

    dl {
     padding: 0;
    }

    dl dt {
     font-size: 14px;
     font-weight: bold;
     font-style: italic;
     padding: 0;
     margin: 15px 0 5px;
    }

    dl dt:first-child {
     padding: 0;
    }

    dl dt > :first-child {
     margin-top: 0;
    }

    dl dt > :last-child {
     margin-bottom: 0;
    }

    dl dd {
     margin: 0 0 15px;
     padding: 0 15px;
    }

    dl dd > :first-child {
     margin-top: 0;
    }

    dl dd > :last-child {
     margin-bottom: 0;
    }

    blockquote {
     border-left: 4px solid #dddddd;
     padding: 0 15px;
     color: #777777;
     font-size: 15px;
    }

    blockquote > :first-child {
     margin-top: 0;
    }

    blockquote > :last-child {
     margin-bottom: 0;
    }

    table {
     padding: 0;
    }
    table tr {
     border-top: 1px solid #cccccc;
     margin: 0;
     padding: 0;
    }

    table tr th {
     font-weight: bold;
     border: 1px solid #cccccc;
     text-align: left;
     margin: 0;
     padding: 6px 13px;
    }

    table tr td {
     border: 1px solid #cccccc;
     text-align: left;
     margin: 0;
     padding: 6px 13px;
    }

    table tr th :first-child, table tr td :first-child {
     margin-top: 0;
    }

    table tr th :last-child, table tr td :last-child {
     margin-bottom: 0;
    }

    img {
     max-width: 100%;
    }

    span.frame {
     display: block;
     overflow: hidden;
    }

    span.frame > span {
     border: 1px solid #dddddd;
     display: block;
     float: left;
     overflow: hidden;
     margin: 13px 0 0;
     padding: 7px;
     width: auto;
    }

    span.frame span img {
     display: block;
     float: left;
    }

    span.frame span span {
     clear: both;
     display: block;
     padding: 5px 0 0;
    }

    span.align-center {
     display: block;
     overflow: hidden;
     clear: both;
    }

    span.align-center > span {
     display: block;
     overflow: hidden;
     margin: 13px auto 0;
     text-align: center;
    }

    span.align-center span img {
     margin: 0 auto;
     text-align: center;
    }

    span.align-right {
     display: block;
     overflow: hidden;
     clear: both;
    }

    span.align-right > span {
     display: block;
     overflow: hidden;
     margin: 13px 0 0;
     text-align: right;
    }

    span.align-right span img {
     margin: 0;
     text-align: right;
    }

    span.float-left {
     display: block;
     margin-right: 13px;
     overflow: hidden;
     float: left;
    }

    span.float-left span {
     margin: 13px 0 0;
    }

    span.float-right {
     display: block;
     margin-left: 13px;
     overflow: hidden;
     float: right;
    }

    span.float-right > span {
     display: block;
     overflow: hidden;
     margin: 13px auto 0;
     text-align: right;
    }

    code, tt {
     margin: 0 2px;
     white-space: nowrap;
     border:1px solid var(--border-color);
     background-color: transparent;
     border-radius: 3px;
     color: var(--text-primary);
    }

    pre code {
     margin: 0;
     padding: 0;
     white-space: pre-wrap;
     border: none;
     background: transparent;
    }

    .highlight pre {
     background-color: #f8f7fa;
     border: 1px solid var(--border-color);
     font-size: 13px;
     line-height: 19px;
     overflow: auto;
     padding: 12px 12px;
     border-radius: 3px;
    }

    pre {
      padding: 9.5px !important;
      margin: 0 0 10px !important;
      font-size: 13px !important;
      line-height: 1.42857143;
      color: #333;
      word-break: break-all;
      word-wrap: break-word;
      // background-color: #f5f5f5 !important;
      border: 1px solid var(--border-color) !important;
      border-radius: 3px !important;
    }

    pre code, pre tt {
     background-color: transparent;
     border: none;
    }

   img {
     max-width: 80%;
     display: block;
     margin: 0 auto;
   }
 }
